<!DOCTYPE html>
<!-- saved from url=(0067)https://gj37765.googlecode.com/svn/trunk/Spinny%20Leaf%20Menu2.html -->
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:b="http://www.google.com/2005/gml/b" xmlns:data="http://www.google.com/2005/gml/data" xmlns:expr="http://www.google.com/2005/gml/expr" xmlns:fb="http://www.google.com/2005/gml/fb"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<script type="text/javascript">(function() { var a=window;function c(b){this.t={};this.tick=function(b,i,d){d=void 0!=d?d:(new Date).getTime();this.t[b]=[d,i]};this.tick("start",null,b)}var f=new c;a.jstiming={Timer:c,load:f};try{var g=null;a.chrome&&a.chrome.csi&&(g=Math.floor(a.chrome.csi().pageT));null==g&&a.gtbExternal&&(g=a.gtbExternal.pageT());null==g&&a.external&&(g=a.external.pageT);g&&(a.jstiming.pt=g)}catch(h){};a.tickAboveFold=function(b){var e=0;if(b.offsetParent){do e+=b.offsetTop;while(b=b.offsetParent)}b=e;750>=b&&a.jstiming.load.tick("aft")};var j=!1;function k(){j||(j=!0,a.jstiming.load.tick("firstScrollTime"))}a.addEventListener?a.addEventListener("scroll",k,!1):a.attachEvent("onscroll",k);
 })();</script>
<meta content="true" name="MSSmartTagsPreventParsing">
<meta content="blogger" name="generator">
<!--[if IE]> <script> (function() { var html5 = ("abbr,article,aside,audio,canvas,datalist,details," + "figure,footer,header,hgroup,mark,menu,meter,nav,output," + "progress,section,time,video").split(','); for (var i = 0; i < html5.length; i++) { document.createElement(html5[i]); } try { document.execCommand('BackgroundImageCache', false, true); } catch(e) {} })(); </script> <![endif]-->
<title>Spinny Leaf Menu Demo by Making Different</title>
<meta content="Best Blog Providing with Blogger widgets, blogger tips, blogger tricks, help, hacks and Blogger resources with great blogger tutorials also" name="description">
<meta content="blogger widgets, blogspot widgets, blogspot help, Making Different, MD, Blogger,blogspot,Blogs,Blogger help,Blogger tips,Blogger Hacks,Blogger SEO,Blogger Widgets,blogger tutorials,blogger tools,SEO,plugins,jQuery,draft blogger, hacks" name="keywords">
<meta content="Nitin Maheta" name="author">
<link href="http://fonts.googleapis.com/css?family=Oswald" rel="stylesheet">
<link href="http://fonts.googleapis.com/css?family=Cedarville+Cursive" rel="stylesheet">
<style type="text/css">

/* Variable definitions
=====================================================
<Variable name="textcolor" description="Text Color" type="color" default="#ccc" value="#cccccc">
<Variable name="linkcolor" description="Link Color" type="color" default="#c22400" value="#c22400">
<Variable name="descriptioncolor" description="Blog Description Color" type="color" default="#888" value="#888888">
=====================================================*/

/* RESET BLOGGER
======================================*/
body .navbar,.home-link,.date-header,.icon-action,.status-msg-wrap,.widget-item-control,.feed-links,#skiplinks {display:none!important}
*,.Header .description,.section,.widget,.widget .post-body ul,.widget ul,.crosscol .PageList li,.Header h1,.footer .PageList li,.widget li,.BlogArchive #ArchiveList ul.flat li{margin:0;padding:0;outline:none}
.BlogArchive #ArchiveList ul li {padding-left:0;text-indent:0;line-height:1.1}

/* HTML5
========================================*/
section,nav,article,aside,hgroup,header,footer{display:block}

/* BASICS 
========================================*/
body {color:#222;line-height:1.4;font-size:14px;font-family:arial,sans-serif; background:#eee}
a{color:#c22400;text-decoration:none}
a:hover,a:focus{color:#666} 
.h1,h2,h3,h4{text-transform:uppercase;font-family:'Oswald',arial;font-weight:800}
p {margin: 0 0 10px 0}
code{font:normal 12px/1.4 monospace}
blockquote{font-style:italic;background:#eee;border:1px solid #ccc;clear:both;margin-left:20px;padding:15px 20px 5px}
.clear{clear:both}
a img {border-width:0}
.left-align{float:left}

/* Menu Horizontal 1
=======================================*/
.menubar1{background:#000;width:100%;height:35px;margin:0 auto;padding:0 auto;}
.menuhorizontal1 {width:1020px;height:35px;margin:0 auto; padding:0px 0px;}
.menuhorizontal1 ul{margin: 0; padding-left:0px;color:#000;}
.menuhorizontal1 li{display: inline; margin: 0;}
.menuhorizontal1 li a{float: left;display: block;text-decoration:none;font-family:Oswald;font-size:12px;font-weight:800;text-transform: uppercase; padding:10px 15px 9px 7px; border-right:1px solid #666;color: #fff}
.menuhorizontal1 li a:visited{color: #fff;}
.menuhorizontal1 li a:hover{background:#fff;color:#000;text-decoration:none;}

/* Header
==========================================*/
#header-wrapper {background:#F7f7f7;width:1000px;margin:0 auto;padding:5px 10px 5px 10px;}
#header-inner {background-position: center;margin-left: auto;margin-right: auto;}
#header {float:left;width:500px;margin: 0px;text-align: left;color:#111;}
#header2 {float:right;width:470px;margin: 0 auto;margin-top:20px;}
.header .widget, .header2 .widget {margin:0 auto;padding:5px 0px 5px 0px;}
#header h1 {margin:0 auto;padding:5px 5px .15em;font:bold 220% Oswald;font-weight:900;text-shadow: 1px 1px 3px #fff;}
#header a {color:#000;text-decoration:none;}
#header a:hover {color:#666;}
#header .description {margin:0 auto;padding:0 5px 5px;max-width:100%;letter-spacing:.01em;font: normal normal 160% 'Cedarville Cursive', cursive;color: #c22400;text-shadow: 1px 1px 3px #fff;}
#header img {margin-left:10 auto;margin-right: auto;}

/* Menu Horizontal 
=================================================*/
.menubar{width:100%;margin:0 auto;padding:0 auto;}
.menuhorizontal{background:#000;width:1020px;height:33px;margin:0 auto; padding:0 auto;}
.menuhorizontal ul{margin: 0px; padding-left: 0px;color:#fff;font-size:13px;font-family:Oswald;font-weight:800;text-transform: uppercase;}
.menuhorizontal li{display: inline !important; margin: 0px !important;float: none !important;}
.menuhorizontal h2, .menuhorizontal li span {display:none;height:0;float:none;visibility:hidden;}
.menuhorizontal li a{float: left;display: block;text-decoration:none;
padding:8px 7px 7px 7px;border-right:7px solid #f7f7f7;color:#fff;font-weight:800; font-family:Oswald;}
.menuhorizontal li a:visited{color:#fff;}
.menuhorizontal li a:hover {background:#f7f7f7;color:#111;}

/* Content
=================================================*/
.page-wrap{width:1000px;margin:0 auto}
#content-wrapper{background:#f7f7f7;border: 10px solid #F7F7F7;}
#main-wrapper{float:left;overflow:hidden;width:680px;word-wrap:break-word}
#sidebar-wrapper{margin-top:10px;float:right;overflow:hidden;width:300px;word-wrap:break-word}

/* Jump-link
===============================================*/
.jump-link {float:right; margin-top:0px;margin-right: 10px; font-size:10px;letter-spacing:.1em;text-transform:uppercase;font-family:'Oswald',arial;font-weight:800;}
.jump-link a{background:#000; color:#fff;padding:4px 8px;border:1px solid #111;}
.jump-link a:hover{background:#ddd;color:#111;border:1px solid #ddd;}

/* Sidebar
==============================================*/
.sidebar h2 {font-family:Oswald;padding-bottom:5px;border-bottom:1px solid #ddd; margin-bottom:10px;letter-spacing:0.1em;line-height:1.1;color:#444;font-size:14px;font-weight:800;text-shadow: 1px 1px 3px #fff;}
.sidebar a:hover{color:#666}
.sidebar .widget{padding-bottom:30px}
.sidebar li{border-bottom:1px dashed #ddd;list-style:none;padding:3px 0}
.Label li{float:left;margin:2px;width:48.5%}
.Label span{color:#c22400;font-family:verdana;font-size:11px}

/* Blog-pager
==============================================*/
#blog-pager{padding:10px 0}
#blog-pager a{color:#444;display:block;background:#fff;border:1px solid #666;padding:4px 8px;text-transform:uppercase;font-family:'Oswald',arial;font-size:12px;text-shadow: 1px 1px 3px #fff;clear:both}
#blog-pager a:hover{color:#fff;background:#000;border:1px solid #000}

/* Footer
==============================================*/
#footer{;margin:0 auto;width:980px;text-align:center;border-top:1px solid #ddd; background:#000;padding:11px 20px 1px;font-family:verdana;font-size:12px; color: #fff;}
#footer span{color:#fff}

/* Tabel
==============================================*/
table{border-collapse:collapse;border:2px solid #f7f7f7}
td,th{border:1px dotted #f7f7f7;padding:.5em}
caption{text-align:left;font-weight:700;text-transform:uppercase;padding:0 0 .5em}
tbody th {white-space:nowrap}



/* Xtra
==============================================*/

.post-body img {max-width:99% !important;}
.post-body img {max-width:99% !important;}
.post-body {
margin:0 0 .75em;
line-height:1.6em;
}

.post-body ul li{
list-style: url(http://3.bp.blogspot.com/-2_V5P58oodM/Tuy5FmKUqkI/AAAAAAAABxs/NtmnSykG6wI/s1600/list.gif);
}

#md-stickybar{
background:#000 url('https://lh4.googleusercontent.com/-aOl_N3k5Eek/TtndAe85quI/AAAAAAAABpU/kKqx3hc3vcs/s30/stickybar.png') repeat-x;
width:100%;
margin:0 auto;
text-align:center;
padding:0px 0;
border-bottom: 1px solid #888888;
  -moz-box-shadow: #666666 0px 1px 3px;
  -webkit-box-shadow: #666666 0px 1px 3px;
  box-shadow: #666666 0px 1px 3px;
  z-index: 999;
height: 28px; position:fixed;
line-height: 1.85em;
vertical-align: baseline;
letter-spacing: 1px;
}
#md-stickybar a{
text-decoration:none;
color:#fff;
font-size:13px;
font-weight:bold;
font-family: arial,"Helvetica",sans-serif;
line-height: 24px;
}
#md-stickybar a:hover{
text-decoration:underline;
}
#md-stickybar p {margin:0; list-style:none;}
#md-stickybar img {vertical-align: middle;
      margin-right: 6px;}
<style>
.post-body{padding:8px 0 10px} 
</style>
<!--[endif]---->

<script type="text/javascript">
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 500;
summary_img = 390;
img_thumb_height = 120;
img_thumb_width = 180;
</script>

<script type="text/javascript">
//<![CDATA[

function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+' ...';
}
function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}
var summary = imgtag + '<p>' + removeHtmlTag(div.innerHTML,summ) + '</p>';
div.innerHTML = summary;
}
//]]>
</script>
<style type="text/css">
#foxmenucontainer46{height:30px; background:url(http://2.bp.blogspot.com/_4HKUHirY_2U/SxuQKW9jExI/AAAAAAAAAc8/2PggTKyf42Y/menu2.png) repeat; display:block; padding:0px 0 0px 0px; font: 10px Tahoma,Century gothic,verdana, Arial, sans-serif; font-weight:normal; text-transform:uppercase; overflow:hidden; }

#menu46{margin: 0px; padding: 0px 10px; width:100%; background:url(http://2.bp.blogspot.com/_4HKUHirY_2U/SxuQKW9jExI/AAAAAAAAAc8/2PggTKyf42Y/menu2.png) repeat; height:30px; border-bottom:1px solid #dddddd; }

#menu46 ul {float: left; list-style: none; margin: 0px; padding: 0px; }

#menu46 li {float: left; list-style: none; margin: 0px; padding: 0px; }

#menu46 li a, #menu46 li a:link, #menu46 li a:visited {color: #444; display: block; margin: 0px; padding: 9px 15px 9px 15px; text-decoration: none; }

#menu46 li a:hover, #menu46 li a:active {background:#333A3F; color: #fff; margin: 0px; padding: 9px 15px 9px 15px; text-decoration: none; }

#menu46 li li a, #menu46 li li a:link, #menu46 li li a:visited {background:#202020; width: 150px; color: #bbb; font-size: 10px; font-family: tahoma, century gothic,Georgia,  sans-serif; font-weight: normal; float: none; margin: 0px; padding: 9px 10px 9px 10px; border-bottom: 1px solid #282828; }

#menu46 li li a:hover, #menu46 li li a:active {background: #121212 ; color: #fff; padding: 9px 10px 9px 10px; }

#menu46 li ul {z-index: 9999; position: absolute; left: -999em; height: auto; width: 170px; margin: 0px; padding: 0px; }

#menu46 li li {  }

#menu46 li ul a {width: 140px;}

#menu46 li ul a:hover, #menu46 li ul a:active { }

#menu46 li ul ul {margin: -31px 0 0 170px; }

#menu46 li:hover ul ul, #menu46 li:hover ul ul ul,
#menu46 li.sfhover ul ul, #menu46 li.sfhover ul ul ul {left: -999em;}

#menu46 li:hover ul, #menu46 li li:hover ul, #menu46 li li li:hover ul, #menu46 li.sfhover ul, #menu46 li li.sfhover ul, #menu46 li li li.sfhover ul {left: auto; }

#menu46 li:hover, #menu46 li.sfhover {position: static;}
</style>
<script src="./ashiq menu_files/jquery.min.js" type="text/javascript"></script>
<link type="text/css" rel="stylesheet" href="chrome-extension://cpngackimfmofbokmjmljamhdncknpmg/style.css"><script type="text/javascript" charset="utf-8" src="chrome-extension://cpngackimfmofbokmjmljamhdncknpmg/page_context.js"></script></head>
<body screen_capture_injected="true">
<div id="md-stickybar">
<a href="http://gj37765.googlecode.com/svn/trunk/Making%20Different%20Html%20Editor.html" target="_blank">:: Making Different ~ HTML Editor  CSS,HTML And Javascript on your fingerprints
Start Playing Now !! ::</a>
</div>
<span id="skiplinks">
<a href="https://gj37765.googlecode.com/svn/trunk/Spinny%20Leaf%20Menu2.html#main">skip to main </a> |
      <a href="https://gj37765.googlecode.com/svn/trunk/Spinny%20Leaf%20Menu2.html#sidebar">skip to sidebar</a>
</span>
<div class="menubar1"><div class="menuhorizontal1">
<!-- Pages -->
<div class="section" id="pages"></div>
<!-- /Pages -->
<div style="float: right; margin-top: -2px; width: 340px; overflow: hidden;">
</div>
</div></div>
<div id="header-wrapper">
<div class="header section" id="header"><div class="widget Header" id="Header1">
<div id="header-inner">

<div class="titlewrapper"><h1 class="title"><a class="blog-title" href="http://gj37765.blogspot.com/">Making Different</a></h1></div>
<div class="descriptionwrapper"><p class="description">Tips Tricks And Tutorials</p></div></div></div></div>

<div class="header section" id="header2"><div class="widget HTML" id="HTML4">
<div class="widget-content">
<script src="./ashiq menu_files/display.php" type="text/javascript">
</div></div></div>
<div class="header section" id="header2"><div class="widget HTML" id="HTML4">
<div class="widget-content">
<script src="http://h1.flashvortex.com/display.php?id=2_1311404005_32613_317_0_468_60_8_1_90" type="text/javascript"></script><!-- WARNING : SWF FILES THAT ARE ACCESSED BY URL WILL BE DELETED, SWF FILES ABUSING SYSTEM RESOURCES WILL BE DELETED --><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="468" height="60"><param name="movie" value="http://h1.flashvortex.com/files/90/2_1311404005_32613_317_0_468_60_8_1_90.swf"><param name="quality" value="best"><param name="menu" value="true"><param name="allowScriptAccess" value="always"><embed src="http://h1.flashvortex.com/files/90/2_1311404005_32613_317_0_468_60_8_1_90.swf" quality="best" menu="true" width="468" height="60" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" allowscriptaccess="always"></object>
</div>
<div class="clear"></div>
<span class="widget-item-control">
<span class="item-control blog-admin">
<a class="quickedit" href="http://www.blogger.com/rearrange?blogID=1261264291149664974&widgetType=HTML&widgetId=HTML4&action=editWidget&sectionId=header2" onclick="return _WidgetManager._PopupConfig(document.getElementById(&quot;HTML4&quot;));" target="configHTML4" title="Edit">
<img alt="" src="./ashiq menu_files/icon18_wrench_allbkg.png" height="18" width="18">
</a>
</span>
</span>
<div class="clear"></div>
</div></div>
<div style="clear: both;"></div>
</div><!-- end header-wrapper -->
<div class="menubar">
<div class="menuhorizontal section" id="menuhorizontalb"><div class="widget HTML" id="HTML10">
<div class="widget-content">
<div id="foxmenucontainer46">
<div id="menu46">

<ul>
<li><a href="http://gj37765.blogspot.com/">Home</a></li>
<li><a href="http://gj37765.blogspot.com/search/label/WIDGET" title="Blogger Widgets" target="_blank">Blogger Widgets</a></li>
<li><a href="http://gj37765.blogspot.com/search/label/FACEBOOK" title="Facebook Tricks" target="_blank">Facebook Tricks</a></li>
<li><a href="http://gj37765.blogspot.com/search/label/BLOGGER" title="Tutorials" target="_blank">Tutorials</a></li>
<li><a href="http://gj37765.blogspot.com/search/label/TOOLS" title="Blogger Tools" target="_blank">Blogger Tools</a></li>
<li><a href="http://gj37765.blogspot.com/2011/01/contact.html" title="Contact Us">Contact</a></li>
</ul>
</div>
</div>

<iframe frameborder="0" height="400px" scrolling="no" src="./ashiq menu_files/Spinny Leaf Menu.htm" width="100%"></iframe>
<script type="text/javascript">
//<!--
$(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.w2bslikebox{background: url("http://1.bp.blogspot.com/--tscpVzcBjo/TdUarKtcAlI/AAAAAAAAA3I/qVkypiYO9rc/s150/w2b_facebookbadge.pn") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.w2bslikebox div{border:none;position:relative;display:block;}
.w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.w2bslikebox span a{color: #808080;text-decoration:none;}
.w2bslikebox span a:hover{text-decoration:underline;}
</style><div class="w2bslikebox" style=""><div><iframe src="./ashiq menu_files/likebox.htm" scrolling="no" frameborder="0" style="border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;"></iframe><span>By <a href="http://www.gj37765.blogspot.com/">Making DIfferent</a> / <a href="http://gj37765.blogspot.com/2011/06/add-static-facebook-pop-out-like-box.html">+Get This!</a></span></div></div>


</div></div></div></div></body></html>